<html>
<head lang="en">
    <meta charset="UTF-8">
    <link type="text/css"  href="html.css" rel="stylesheet ">
  <audio  loop src="念归期.mp3" controls></audio>
    <title>旋转立方体相册</title>
</head>
<body>
	
<div id="react">
    <div class="out_front">
        <img src="duo.jpeg" class="out_pic">
    </div>
    <div class="out_back">
        <img src="duo1.jpg" class="out_pic">
    </div>
    <div class="out_left">
        <img src="duo2.jpg" class="out_pic">
    </div>
    <div class="out_right">
        <img src="duo3.jpg" class="out_pic">
    </div>
    <div class="out_top">
        <img src="daxiong1.jpg" class="out_pic">
    </div>
    <div class="out_bottom">
        <img src="xiaoxin.jpeg" class="out_pic">
    </div>
    <span class="in_front">
        <img src="cat.jpg" class="in_pic">
    </span>
    <span class="in_back">
        <img src="cat1.jpg" class="in_pic">
    </span>
    <span class="in_left">
        <img src="cat2.jpg" class="in_pic">
    </span>
    <span class="in_right">
        <img src="cat3.jpg" class="in_pic">
    </span>
    <span class="in_top">
        <img src="timg.jpg" class="in_pic">
    </span>
    <span class="in_bottom">
        <img src="taiji.jpg" class="in_pic">
    </span>
</div>
</body>
</html>